.gl_keep.template
  #codeEditor
    .top-bar.btn-toolbar(role="toolbar")
      include font-size.pug
      .btn-group.btn-group-sm
        button.btn.btn-default.btn-sm.load-save(title="Load or save text")
          span.glyphicon.glyphicon-floppy-disk
      if !embedded
        .btn-group.btn-group-sm
          button.btn.btn-default.btn-sm.add-compiler(title="Add a new compiler for this source (click or drag)")
            span.glyphicon.glyphicon-open
          button.btn.btn-default.btn-sm.conformance(title="Add a new conformance view")
            span.glyphicon.glyphicon-list-alt
    .monaco-placeholder

  #compiler
    .top-bar.btn-toolbar(role="toolbar")
      table
        tr
          td: select.compiler-picker(placeholder="Select a compiler...")
          td: input.options.form-control(type="text" placeholder="Compiler options..." size="256")
      div.btn-group.btn-group-sm.filters(data-toggle="buttons")
        // TODO store these in the app and drive from there?
        // Make a dropdown? With more options? e.g. demangling etc
        button.btn.btn-sm(title="Compile to binary and disassemble the output" data-bind="binary")
          span 11010
        button.btn.btn-sm(title="Execute the binary" data-bind="execute")
          span ./a.out
        button.btn.btn-sm.active.nonbinary(title="Filter unused labels from the output" data-bind="labels")
          span .LX0:
        button.btn.btn-sm.active.nonbinary(title="Filter all assembler directives from the output" data-bind="directives")
          span .text
        button.btn.btn-sm.active.nonbinary(title="Remove all lines which are only comments from the output" data-bind="commentOnly")
          span //
        button.btn.btn-sm.active(title="Output disassembly in Intel syntax" data-bind="intel")
          span Intel
      include font-size.pug
      if !embedded
        .btn-group.btn-group-sm
          button.btn.btn-default.btn-sm.add-compiler(title="Clone this compiler window (click or drag)")
            span.glyphicon.glyphicon-new-window
          button.btn.btn-default.btn-sm.view-optimization(title="Show optimization output (Clang only)" disabled=true)
            span.glyphicon.glyphicon-scale
          button.btn.btn-default.btn-sm.view-ast(title="Show AST output (Clang only)")
            span.glyphicon.glyphicon-tree-deciduous            
    .monaco-placeholder
    .bottom-bar
      if !embedded
        .btn-group.btn-group-sm
          button: span.glyphicon.glyphicon-alert.status
        span.full-compiler-name
        span.compile-time

  #compiler-output
    pre.content

  #diff
    .top-bar.tn-toolbar(role="toolbar")
      table
        tr
          td(style="padding-right: 1em")
            include font-size.pug
          td: select.diff-picker.lhs(placeholder="Select compiler output...")
          td: select.diff-picker.rhs(placeholder="Select compiler output...")
    .monaco-placeholder

  #opt
    .top-bar.btn-toolbar(role="toolbar")
      include font-size.pug
    .monaco-placeholder

  #ast
    .top-bar.btn-toolbar(role="toolbar")
      include font-size.pug
    .monaco-placeholder

  #conformance
    .top-bar.tn-toolbar(role="toolbar")
      .btn-group.btn-group-sm
        button.btn.btn-default.btn-sm.add-compiler(title="Add compiler")
          span.glyphicon.glyphicon-plus-sign
    .conformance-warpper
      table.compiler-list

  #compiler-selector
    table
      tr.compiler-row
        td
          span.status.glyphicon.glyphicon-signal
        td
          select.compiler-picker(placeholder="Select a compiler...")
        td
          input.options.form-control(type="text" size="256" placeholder="Compiler options...")
        td
          button.close(aria-label="Close")
            span(aria-hidden="true")
              | &times;
